<!DOCTYPE HTML>
<html lang="es-ES">
    <head>
        <title>murillodigital.com | desarrollo de experiencias web y m&oacute;viles envolventes</title>
        <link rel="stylesheet" type="text/css" href="css/main.css" />
        <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
        <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
        <script type="text/javascript" src="js/jquery.jparallax.js"></script>
        <script type="text/javascript">
jQuery(document).ready(function(){
    var window_width = $(window).width();
    var window_height = $(window).height();
    $("#parallax").css({
        width: window_width,
        height: window_height
    })
	jQuery('#parallax').jparallax({},{});
});
</script>
<style type="text/css">
     #parallax { position: relative; overflow: hidden; }
     #layer5 {
         background: url(../img/bkg_layers/layer5.png) bottom center no-repeat;
         background-size: auto 100%;
         width: 105%;
         height: 100%;
     }
     #layer4 {
         background: url(../img/bkg_layers/layer4.png) bottom center no-repeat;
         background-size: auto 100%;
         width: 110%;
         height: 100%;
     }
     #layer3 {
         background: url(../img/bkg_layers/layer3.png) bottom right no-repeat;
         background-size: auto 100%;
         width: 115%;
         height: 100%;
     }
     #layer2 {
         background: url(../img/bkg_layers/layer2.png) bottom left no-repeat;
         background-size: auto 100%;
         width: 120%;
         height: 100%;
     }
     #layer1 {
         background: url(../img/bkg_layers/layer1.png) bottom center no-repeat;
         background-size: 100%;
         width: 130%;
         height: 100%;
     }
     
</style>
    </head>
    <body>
        <div id="parallax">
            <div id="layer5"></div>
            <div id="layer4"></div>
            <div id="layer3"></div>
            <div id="layer2"></div>
            <div id="layer1"></div>
        </div>
    </body>
</html>